<!DOCTYPE html>
<style>
@font-face {
    font-family: Ahem;
    src: url('../../../resources/Ahem.woff2') format('woff2');
}
body {
    font: 10px Ahem;
}
.title {
    font: 12px Times;
}
</style>
<p class="title"> The single tab should be on the second line followed by the C. The tab and the C form a single word so do not break.</p>
<div>
    <p class="test">A B<br><span style="white-space:pre">	</span>C</p>
</div>
<p class="title"> The two tabs should be at the start of the second line. The 'pre' and the C form a single word so do not break. </p>
<div>
    <p class="test">A B<br><span style="white-space:pre">		</span>C</p>
</div>
<p class="title"> The two tabs should fit on the first line.  The line can break at the space before the C.</p>
<div>
    <p class="test">A B<span style="white-space:pre">		</span><br>C</p>
</div>

<p class="title"> The single tab should be on the second line by itself. The div allows breaking within words so the word formed by the tab and the C can be split.</p>
<div>
    <p class="test">A B<br><span style="white-space:pre">	</span><br>C</p>
</div>
<p class="title"> The two tabs should be on the second line by themselves. The div allows breaking within words but it cannot split the two tabs inside a pre.</p>
<div>
    <p class="test">A B<br><span style="white-space:pre">		</span><br>C</p>
</div>
<p class="title"> The two tabs should fit on the first line.  The div allows breaking within words but it cannot split the two tabs inside a pre. The line can break at the space before the C.</p>
<div>
    <p class="test">A B<span style="white-space:pre">		</span><br>C</p>
</div>
<script>
    if (window.testRunner) {
        testRunner.waitUntilDone();
        window.onload = function () {
            document.fonts.ready.then(function () { testRunner.notifyDone(); });
        };
    }
</script>
